<template>
  <div>
  <el-form ref="form" :model="current" label-width="100px">
  
  <el-form-item label="选择小区" style="width:100%">
    <el-select v-model="current.cid" placeholder="请选择小区" style=" width: 300px;">
      <el-option
              v-for="(xiaoqu,index) in xiaoqus"
              :key="index"
              :label="xiaoqu.name"
              :value="xiaoqu.id"
              >
            </el-option>
    </el-select>
  </el-form-item>

  <el-form-item label="门牌格式">
    <el-input
        placeholder="1栋1单元101"

        :disabled="true"
        style=" width: 300px;">
        </el-input>
    </el-form-item>

  <el-form-item label="您的门牌号">
    <el-input type="input" v-model="current.houseNumber" style=" width: 300px;"></el-input>
  </el-form-item>
  
  <br>

  <el-form-item>
    <el-button type="primary" @click="change">立即创建</el-button>
    <el-button @click="cancel()">取消</el-button>
  </el-form-item>
</el-form>
  </div>
</template>

<script>
export default{
  data(){
    return {
      xiaoquid:"",
      xiaoqu:{
        name:""
      }
    }
  },
  props:{
    current:{},
    xiaoqus:[]
  },
  methods:{
    cancel:function(){
      //出发自定义事件
      this.$emit("closeInsert",false)
    },
    change:function(){
      
      this.$emit("insertadd",false)
    },
    
  }
}
</script>

<style>

</style>